
const mixin = {
  computed: {
      boxStyle(){
        const style={}
        const styleData=this.data.style;
        if(styleData.padding){
          style.padding =  this.rpx2px(styleData.padding[0])+' '+ this.rpx2px(styleData.padding[1])+' '+ this.rpx2px(styleData.padding[2])+' '+ this.rpx2px(styleData.padding[3]) 
        }
        if(styleData.margin){
          style.margin =  this.rpx2px(styleData.margin[0])+' '+ this.rpx2px(styleData.margin[1])+' '+ this.rpx2px(styleData.margin[2])+' '+ this.rpx2px(styleData.margin[3]) 
        }
        if(styleData.backgroundColor){
          console.log(styleData.backgroundColor)
          style.backgroundColor=styleData.backgroundColor
        }
        // if(styleData.radius !== undefined){

        //   style.borderRadius=this.rpx2px(styleData.radius)
          
        // }
        // if(styleData.height){
        //   style.height= this.rpx2px(styleData.height)
        // }

        console.log( 'boxstyle',style)
        return style
      } 
  },
  data() {
    return {
        style: {},
    }
  },
  methods: {
    rpx2px(val) {

     
        return  Math.round(val / 750 * 400) + 'px'
      
      
    }
  },
};

export default  mixin